﻿<style>
    #layer-msg {
        padding: 0px !important;
    }
    .changes{
        color: #ff0000;
    }
</style>
<div class="layui-row">
    <div class="layui-col-md6" style="" id="">
        <div class="content detail" style="padding: 5px;">
            <div class="fly-panel detail-box">
                <h1 id="show-title1" style="text-align: center;"></h1>
            </div>
            <div class="fly-detail-info" id="show-info1" style="color: #ccc;">
            </div>
            <div class="detail-body " id="show-content1" style="padding: 10px 0;overflow: auto;height: 500px;">
            </div>
        </div>
    </div>
    <div class="layui-col-md6" style="">
        <div class="fly-panel detail-box">
            <h1 id="show-title2" style="text-align: center;"></h1>
        </div>
        <div class="fly-detail-info" id="show-info2" style="color: #ccc;">
        </div>
        <div class="detail-body " id="show-content2" style="padding: 10px 0;overflow: auto;height: 500px;">
        </div>
    </div>
</div>
<script type="text/javascript">

    function showCompare(data,idx) {
        $("#show-title"+idx).html(data.name);
        $("#show-content"+idx).html(data.content);
        $("#show-info"+idx).html(workUtils.toDate(data.created, 'yyyy-MM-dd hh:mm')+' V'+data.version);
    }

    $(document).ready(function () {
        workUtils.ajaxGet("../note/getcompare/", {
            id1: workUtils.get("id"),
            id2: workUtils.get("cid")
        }, function (data) {
            showCompare(data[0],1);
            showCompare(data[1],2);
        });
    });

</script>